import React from 'react'
import { Input, Button } from 'antd'
import styles from './ladder.less'

export default () => {
    return (
        <div>
            <nav style={{ borderLeft: "3px solid #4685fd", paddingLeft: "5px", marginBottom: "20px" }}>优惠设置</nav>
            <p style={{ color: "#FF8400" }}>
                设置商品阶梯优惠，当购买数量达到所设数量时，商品单价 = 商品销售价 - 优惠价格
            </p>
            <table className={styles.table}>
                <thead>
                    <tr>
                        <td>
                            数量
                        </td>
                        <td>
                            优惠价格
                        </td>
                        <td>
                            <Button size="small">添加</Button>
                        </td>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td >
                            <Input />
                        </td>
                        <td>
                            <Input />
                        </td>
                        <td>
                            <Button type="primary" size="small" danger>删除</Button>
                        </td>
                    </tr>
                </tbody>

            </table>
        </div>
    );
}